<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Update Hosts</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/materialdesignicons.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <link href="css/min.css" rel="stylesheet">
</head>
<script src="js/brython.js"></script>
<script src="js/brython_stdlib.js"></script>
<body onload="brython()">
<div id="hostAddWindow">
    <div>
        <label>Addr</label>
        <input id="inputHostAddr" class="form-control" type="text" maxlength="20" spellcheck="false" placeholder="example: 192.168.1.1:22">
    </div>

    <div>
        <label>Username</label>
        <input id="inputHostUsername" class="form-control" type="text" maxlength="20" spellcheck="false" placeholder="example: root">
    </div>
    <div>
        <label>Password</label>
        <input id="inputHostPasswd" class="form-control" type="text" maxlength="20" spellcheck="false" placeholder="Machine password">
    </div>
    <div>
        <label>Identity</label>
        <textarea id="inputHostIdentity" class="form-control" spellcheck="false"></textarea>
    </div>
    <div>
        Either secret key or password can be used
    </div>
    <div>
        <label>Remask</label>
        <input id="inputHostRemask" class="form-control" type="text" maxlength="20" spellcheck="false" placeholder="example: host remaks">
    </div>

    <div>
        <button class="btn btn-primary" id="saveHostsInfo">Save</button>
    </div>
</div>
</body>
</html>

<script type="text/python" src="./python/updateHosts.py"></script>